body {
    overflow-x: hidden;
}

.header {
    width: 1200px;
    height: 68px;
    margin: 0px auto;
    position: relative;
}

.header .head-logo {
    float: left;
    width: 136px;
    padding: 16px 0px 0px;
}

.header .head-logo .mfw-logo {
    display: inline-block;
    width: 100%;
    height: 39px;
    overflow: hidden;
}

.header .head-logo .mfw-logo img {
    width: 200px;
}

.header .head-left-nav {
    float: left;
    padding: 0px 10px 0px 25px;
}

.header .head-left-nav .head-nav-item {
    float: left;
}

.header .head-left-nav .head-nav-item .nav-item {
    display: inline-block;
    padding: 0px 16px;
    height: 65px;
    line-height: 68px;
    cursor: pointer;
    color: #333;
    border-bottom: 3px solid #fff;
    transition: all 0.8s;
}

.header .head-left-nav .head-nav-item .nav-item:hover {
    color: #ffa617;
    border-color: #ffa617;
}

.header .head-left-nav .sales-item.nav-first {
    background-color: #ff9d00;
    color: #fff;
    border-bottom-color: #ff9d00;
}

.header .head-left-nav .head-nav-item .nav-first:hover {
    background-color: #ff9d00;
    color: #fff;
    border-bottom: 3px solid #ff9d00;
}

.header .head-left-nav .head-nav-item .mfwzx {
    display: flex;
    line-height: 0px;
    align-items: center;
    width: 75px;
}

.header .head-left-nav .head-nav-item .mfwzx img {
    width: 100%;
}

.header .head-left-nav .nav-sales,
.header .head-left-nav .nav-community {
    float: left;
    position: relative;
}

.header .head-left-nav .nav-sales .community-item,
.header .head-left-nav .nav-community .community-item,
.header .head-left-nav .nav-sales .sales-item,
.header .head-left-nav .nav-community .sales-item {
    display: inline-block;
    height: 66px;
    padding: 0px 16px 0px 10px;
    position: relative;
    border-top: 2px solid #fff;
    border-bottom: 0px;
    line-height: 63px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    transition: all 0.8s;
}

.header .head-left-nav .nav-sales #nav-sales,
.header .head-left-nav .nav-community #nav-sales {
    position: absolute;
    top: 68px;
    left: 0px;
    display: none;
    transition: all 0.8s;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.header .head-left-nav .nav-sales #nav-sales li,
.header .head-left-nav .nav-community #nav-sales li {
    cursor: pointer;
    background-color: rgba(255, 255, 255, 1);
}

.header .head-left-nav .nav-sales #nav-sales li .sales-li-a,
.header .head-left-nav .nav-community #nav-sales li .sales-li-a {
    display: inline-block;
    width: 110px;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px 0px 20px;
    font-size: 14px;
}

.header .head-left-nav .nav-sales #nav-sales li:hover,
.header .head-left-nav .nav-community #nav-sales li:hover {
    background-color: #eeeeee;
}

.header .head-left-nav .nav-sales .panel-wrapper,
.header .head-left-nav .nav-community .panel-wrapper {
    position: absolute;
    top: 68px;
    left: 0px;
    width: 300px;
    height: 280px;
    padding-top: 20px;
    background-color: rgba(255, 255, 255, 1);
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: none;
    transition: all 0.8s;
}

.header .head-left-nav .nav-sales .panel-wrapper .list-left,
.header .head-left-nav .nav-community .panel-wrapper .list-left {
    display: block;
    float: left;
    padding-left: 17px;
}

.header .head-left-nav .nav-sales .panel-wrapper .list-left li,
.header .head-left-nav .nav-community .panel-wrapper .list-left li {
    width: 120px;
    height: 75px;
    float: none;
}

.header .head-left-nav .nav-sales .panel-wrapper .list-left li a,
.header .head-left-nav .nav-community .panel-wrapper .list-left li a {
    font-size: 16px;
    line-height: 32px;
}

.header .head-left-nav .nav-sales .panel-wrapper .list-left li a:hover,
.header .head-left-nav .nav-community .panel-wrapper .list-left li a:hover {
    color: #ff9d00;
}

.header .head-left-nav .nav-sales .panel-wrapper .list-left li:first-child a,
.header .head-left-nav .nav-community .panel-wrapper .list-left li:first-child a {
    color: #ff9d00;
}

.header .head-left-nav .nav-sales .panel-wrapper .list-right,
.header .head-left-nav .nav-community .panel-wrapper .list-right {
    display: block;
    padding-left: 25px;
    float: left;
}

.header .head-left-nav .nav-sales .panel-wrapper .list-right li,
.header .head-left-nav .nav-community .panel-wrapper .list-right li {
    width: 120px;
    height: 32px;
    float: none;
}

.header .head-left-nav .nav-sales .panel-wrapper .list-right li a,
.header .head-left-nav .nav-community .panel-wrapper .list-right li a {
    line-height: 32px;
    font-size: 14px;
}

.header .head-left-nav .nav-sales .panel-wrapper .list-right li a:hover,
.header .head-left-nav .nav-community .panel-wrapper .list-right li a:hover {
    color: #ff9d00;
}

.header .head-left-nav .nav-sales .panel-wrapper::after,
.header .head-left-nav .nav-community .panel-wrapper::after {
    content: "";
    display: block;
    clear: both;
}

.header .head-left-nav .nav-sales .community-item::after,
.header .head-left-nav .nav-community .community-item::after,
.header .head-left-nav .nav-sales .sales-item::after,
.header .head-left-nav .nav-community .sales-item::after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border: 4px solid transparent;
    border-top-color: #333;
    right: 7px;
    top: 50%;
    margin-top: -3px;
}

.header .head-left-nav .nav-sales:hover .sales-item,
.header .head-left-nav .nav-community:hover .community-item {
    color: #ffa617;
    border-color: #ffa617;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.header .head-left-nav .nav-sales:hover .sales-item::after,
.header .head-left-nav .nav-community:hover .community-item::after {
    border-top-color: #ffa617;
}

.header .head-left-nav .nav-sales .nav-sec {
    background-color: #ff9d00;
    color: #fff;
    border-top-color: #ff9d00;
}

.header .head-left-nav .nav-sales:hover .nav-sec{
    background-color: #ff9d00;
    color: #fff;
    border-top-color: #ff9d00;
}

.header .head-left-nav .nav-sales .sales-item::after {
    border-top-color: white;
}

.header .head-left-nav .nav-sales:hover .sales-item::after {
    border-top-color: white;
}

.header .head-left-nav .nav-sales:hover #nav-sales,
.header .head-left-nav .nav-community:hover .panel-wrapper {
    display: block;
    transition-delay: 50ms;
}

.header .head-search {
    position: absolute;
    padding: 16px 0px 15px;
    top: 0px;
    left: 846px;
    transition: left 0.5s ease;
}

.header .head-search input {
    padding: 0px 10px;
    border-radius: 4px;
    border: none;
    outline-color: #ff9d00;
    background-color: #efefef;
    width: 110px;
    height: 36px;
    transition: width 0.5s ease;
}

.header .head-search i {
    position: absolute;
    display: block;
    right: 8px;
    top: 24px;
    width: 20px;
    height: 20px;
    background: url("../images/header-sprites15@2x.png") -30px -110px no-repeat;
    background-size: 200px;
}

.header .head-right-nav {
    float: right;
    padding: 21px 0px;
}

.header .head-right-nav li {
    float: left;
}

.header .head-right-nav li a {
    display: inline-block;
    height: 26px;
    line-height: 30px;
    font-size: 14px;
    color: #ff9d00;
}

.header .head-right-nav li span {
    display: inline-block;
    height: 26px;
    line-height: 28px;
    margin: 0px 10px;
    color: #ff9d00;
}

.header .head-right-nav li:nth-child(4):hover a,
.header .head-right-nav li:nth-child(6):hover a {
    text-decoration: underline;
}

.header .head-right-nav li:nth-child(1) a {
    width: 26px;
    margin-right: 6px;
    background: url("../images/header-sprites15@2x.png") 0 -50px no-repeat;
    background-size: 200px;
}

.header .head-right-nav li:nth-child(2) a {
    width: 26px;
    margin-right: 6px;
    background: url("../images/header-sprites15@2x.png") -30px -50px no-repeat;
    background-size: 200px;
}

.header .head-right-nav li:nth-child(3) a {
    width: 26px;
    margin-right: 8px;
    background: url("../images/header-sprites15@2x.png") 0 -165px no-repeat;
    background-size: 200px;
}

.header .head-right-nav li:nth-child(1):hover a {
    background-position-y: -80px;
}

.header .head-right-nav li:nth-child(2):hover a {
    background-position-y: -80px;
}

.header .head-right-nav li:nth-child(3):hover a {
    background-position-x: -30px;
}

.header::after {
    content: "";
    display: block;
    clear: both;
}

.nav-sales:hover #nav-sales,
.nav-community:hover .panel-wrapper {
    display: block;
    z-index: 50;
    transition-delay: 50ms;
}

.rightLine {
    height: 100%;
    position: fixed;
    right: 0;
    border-right: 5px solid #777981;
}

.toTop {
    width: 45px;
    height: 135px;
    position: fixed;
    bottom: 30px;
    right: 200px;
    z-index: 3;
}

.toTop>a {
    display: block;
    width: 45px;
    height: 45px;
    border: 1px solid #e0e0e0;
    line-height: 45px;
    box-sizing: border-box;
    text-align: center;
    background-color: #fff;
    position: relative;
}

.toTop>a:first-child {
    border-bottom: 0;
    /* display: none; */
}

.toTop>a>i {
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(../images/header-sprites9.png) -60px -157px no-repeat;
}

.toTop>a:nth-child(2)>i {
    background-position: -88px -162px;
}

.toTop>a:last-child>i {
    background-position: -119px -163px;
}

.toTop>a:last-child {
    border-top: 0;
}

.toTop>a:first-child:after {
    text-align: center;
    color: #fff;
    display: block;
    content: '返回顶部';
    line-height: 16px;
    font-size: 12px;
    width: 45px;
    height: 45px;
    padding: 5px 5px 0;
    background-color: #aaa;
    box-sizing: border-box;
    position: absolute;
    top: -1px;
    left: -1px;
    display: none;
}

.toTop>a:first-child:hover::after {
    display: block;
}

.toTop>a:nth-child(2):after {
    text-align: center;
    color: #fff;
    display: block;
    content: '意见反馈';
    line-height: 16px;
    font-size: 12px;
    width: 45px;
    height: 45px;
    padding: 5px 5px 0;
    background-color: #aaa;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: -1px;
    display: none;
}

.toTop>a:nth-child(2):hover::after {
    display: block;
}

.toTop>a:last-child:after {
    color: #fff;
    display: block;
    content: '';
    width: 464px;
    height: 206px;
    padding: 6px;
    background: url(https://p1-q.mafengwo.net/s1/M00/6C/51/wKgIC1t_6TuASybrAADGUPUHjr021.jpeg?imageMogr2%2Fthumbnail%2F%21450x192r%2Fgravity%2FCenter%2Fcrop%2F%21450x192%2Fquality%2F90) center center no-repeat;
    box-sizing: border-box;
    position: absolute;
    top: -162px;
    left: -475px;
    background-color: #fff;
    display: none;
}

.toTop>a:last-child:hover::after {
    display: block;
}

.iconrrr {
    width: 40px;
    height: 208px;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 3;
}

.iconrrr>i {
    display: block;
    width: 40px;
    height: 35px;
    background: url(https://css.mafengwo.net/images/sales/sales-toolbar3.png) 0 0 no-repeat;
    background-color: #777981;
    padding-right: 5px;
    box-sizing: border-box;
    margin-bottom: 1px;
    cursor: pointer;
    font-size: 14px;
    position: relative;
}

.iconrrr>i::after {
    position: absolute;
    top: 0;
    left: -78px;
    width: 78px;
    height: 35px;
    content: '我的订单';
    background-color: #ff9d00;
    color: #fff;
    line-height: 35px;
    text-align: center;
    display: none;
}

.iconrrr>i:hover {
    background-color: #ff9d00;
}

.iconrrr>i:hover::after {
    display: block;
}

.iconrrr>i:first-child {
    background-position: 0px -35px;
}

.iconrrr>i:nth-child(2) {
    background-position: 0px -68px;
}

.iconrrr>i:nth-child(2)::after {
    content: '我的优惠券';
}

.iconrrr>i:nth-child(3) {
    margin-bottom: 10px;
}

.iconrrr>i:nth-child(3)::after {
    content: '我的收藏';
}

.iconrrr>i:nth-child(4) {
    background-position: 0px -105px;
}

.iconrrr>i:nth-child(4)::after {
    content: '';
    width: 104px;
    height: 104px;
    border: 4px solid #ff9d00;
    box-sizing: border-box;
    top: 0;
    left: -104px;
    background: url(https://images.mafengwo.net/images/sales/list_wx_qr_code.jpg) center center no-repeat;
}

.iconrrr>i:last-child {
    background-position: 0px -138px;
}

.iconrrr>i:last-child::after {
    content: '';
    width: 104px;
    height: 104px;
    border: 4px solid #ff9d00;
    box-sizing: border-box;
    top: -36px;
    left: -104px;
    background: url(https://images.mafengwo.net/images/sales/list_wx_qr_code.jpg) center center no-repeat;
}

.hdd {
    width: 100%;
    box-shadow: 0 0 5px #ccc;
}

.container {
    width: 1000px;
    margin: 0 auto;
}

.clearfix::after {
    content: '';
    display: block;
    clear: both;
}

.content {
    width: 765px;
    height: 40px;
    margin-left: 235px;
    list-style: none;
    display: flex;
    line-height: 40px;
    margin-bottom: 10px;
}

.content li {
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    padding: 0 6px;
    box-sizing: border-box;
}

.content li:nth-child(2n) {
    width: 1px;
    height: 15px;
    padding: 0;
    color: #e0e0e0;
}

.content a {
    height: 37px;
    font-size: 14px;
    padding: 0 6px;
    display: block;
    color: #666;
    border-bottom: 3px solid transparent;
}

.content a:hover {
    color: #ff9d00;
}

.content a.active {
    color: #ff6d00;
    border-bottom: 3px solid #ff6d00;
}

.container .brand {
    width: 100%;
    height: 70px;
    padding: 15px 0;
    box-sizing: border-box;
    font-size: 12px;
    color: #666;
}

.brand .left {
    float: left;
    width: 185px;
    height: 40px;
}

.brand .left i {
    display: inline-block;
    width: 28px;
    height: 32px;
    margin: 2px 10px 0 0;
    background: url(../images/global-icon4.png) -70px 0px no-repeat;
}

.brand .left a {
    display: inline-block;
    width: 72px;
    height: 27px;
    font-size: 24px;
    color: #333;
    vertical-align: bottom;
}

.brand .search {
    float: left;
    width: 670px;
    height: 40px;
    line-height: 40px;
    background-color: #ff9d00;
    position: relative;
    border-radius: 4px;
}

.search .trigger {
    display: inline-block;
    width: 115px;
    height: 30px;
    padding: 0 8px;
    box-sizing: border-box;
    line-height: 30px;
    background-color: #fff;
    border-radius: 3px;
    position: absolute;
    top: 5px;
    left: 5px;
}

.search .trigger b {
    font-size: 16px;
    margin-right: 5px;
}

.search i {
    width: 15px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 126px;
    top: 19px;
}

.search input {
    width: 428px;
    height: 30px;
    padding: 5px 12px;
    box-sizing: border-box;
    position: absolute;
    /* left: 153px;
     */
    right: 94px;
    top: 5px;
    outline: none;
    border: 1px solid #ff9d00;
    border-radius: 3px;
}

.search>a {
    display: block;
    width: 94px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
}

.search>a div {
    width: 23px;
    height: 23px;
    margin: auto;
}

.icon-sousuo.iconfont {
    color: #fff;
    font-size: 24px;
}

.sales {
    position: relative;
    margin-bottom: 40px;
}

.sales .category-nav {
    width: 260px;
    height: 480px;
    float: left;
}

.sales .category-nav>ul {
    width: 100%;
    height: 100%;
    border: 2px solid #ff9d00;
    border-right: 0;
    box-sizing: border-box;
    color: #666;
    font-size: 12px;
}

.sales .category-nav>ul>li {
    width: 100%;
    height: 68px;
    padding: 11px 20px 11px 50px;
    /* border-right: 2px solid #ff9d00; */
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    box-sizing: border-box;
    position: relative;
}

.sales .category-nav>ul>li>.select {
    transition: all 0.5s ease;
}

.sales .category-nav>ul>li>.select:hover {
    transform: translateX(5px);
}

.sales .category-nav>ul>li:first-child {
    border-top: 0;
}

.sales .category-nav>ul>li:last-child {
    border-bottom: 0;
}

.sales .category-nav>ul>li::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    transform: rotate(45deg);
    position: absolute;
    right: 14px;
    top: 22px;
}

.sales .category-nav>ul>li:hover::before {
    border-color: #ff9d00;
}

.sales .category-nav>ul>li::after {
    content: '';
    display: block;
    width: 2px;
    height: 68px;
    background-color: #ff9d00;
    position: absolute;
    right: 0px;
    top: -2px;
}

.sales .category-nav>ul>li:first-child::after {
    height: 68;
    top: 0px;
}

.sales .category-nav>ul>li:nth-child(n+2)::after {
    content: '';
    height: 70;
    right: 0px;
    top: -2px;
}

.sales .category-nav>ul>li:hover::after {
    content: '';
    background-color: #fff;
}

.sales .category-nav>ul>li>.select>i {
    float: left;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 0 0 -36px;
    background: url(../images/global-icon4.png) 0px 0px no-repeat;
}

.sales .category-nav>ul>li:nth-child(2)>.select>i {
    background-position: 0px -28px;
}

.sales .category-nav>ul>li:nth-child(3)>.select>i {
    background-position: 0px -57px;
}

.sales .category-nav>ul>li:nth-child(4)>.select>i {
    background-position: 0px -88px;
}

.sales .category-nav>ul>li:nth-child(5)>.select>i {
    background-position: 0px -121px;
}

.sales .category-nav>ul>li:nth-child(6)>.select>i {
    background-position: 0px -150px;
}

.sales .category-nav>ul>li:nth-child(7)>.select>i {
    background-position: 0px -177px;
}

.sales .category-nav>ul>li>.select>h3 {
    color: #333;
    font-size: 16px;
    margin-bottom: 3px;
    height: 24px;
    line-height: 24px;
}

.sales .category-nav>ul>li>.select>a {
    display: inline-block;
    margin-right: 7px;
    height: 20px;
    padding-top: 4px;
    box-sizing: border-box;
}

.sales .category-nav>ul>li>.select>a:hover {
    color: #ff9d00;
}

.sales .category-nav>ul>li .db {
    width: 740px;
    height: 480px;
    border: 2px solid #ff9d00;
    background-color: #fff;
    border-left: 0;
    padding: 30px 30px 20px;
    box-sizing: border-box;
    position: absolute;
    top: -2px;
    left: 258px;
    display: none;
}

.sales .category-nav>ul>li .db .db-left {
    float: left;
    width: 320px;
    height: 420px;
    box-sizing: border-box;
}

.sales .category-nav>ul>li .db .db-left>dl {
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
    padding-left: 48px;
    box-sizing: border-box;
    position: relative;
}

.sales .category-nav>ul>li .db .db-left>dl>dt {
    font-weight: 900;
    font-size: 14px;
    color: #333;
    position: absolute;
    top: 0;
    left: 0;
}

.sales .category-nav>ul>li .db .db-left>dl>dd {
    font-size: 12px;
    color: #666;
}

.sales .category-nav>ul>li .db .db-right {
    float: left;
    width: 320px;
    height: 285px;
    box-sizing: border-box;
}

.sales .category-nav>ul>li .db .db-right>dl {
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
    padding-left: 48px;
    box-sizing: border-box;
    position: relative;
}

.sales .category-nav>ul>li .db .db-right>dl>dt {
    font-weight: 900;
    font-size: 14px;
    color: #333;
    position: absolute;
    top: 0;
    left: 0;
}

.sales .category-nav>ul>li .db .db-right>dl>dd {
    font-size: 12px;
    color: #666;
}

.sales .category-nav>ul>li:nth-child(2) .db {
    top: -72px;
}

.sales .category-nav>ul>li:nth-child(3) .db {
    top: -140px;
}

.sales .category-nav>ul>li:nth-child(4) .db {
    top: -208px;
}

.sales .category-nav>ul>li:nth-child(5) .db {
    top: -276px;
}

.sales .category-nav>ul>li:nth-child(6) .db {
    top: -344px;
}

.sales .category-nav>ul>li:nth-child(7) .db {
    top: -412px;
}

.sales .category-nav>ul>li:hover {
    border-right-color: #fff;
    border-top-color: #ff9d00;
    border-bottom-color: #ff9d00;
}

.sales .category-nav>ul>li:hover .db {
    display: block;
    z-index: 2;
}

.sales .sales-right {
    float: left;
    width: 720px;
    height: 480px;
    margin-left: 20px;
}

.sales .sales-right::before {
    content: '';
    display: block;
    width: 30px;
    height: 20px;
    background: url(https://a1-q.mafengwo.net/s9/M00/CB/D6/wKgBs1fs2SyAKJ0hAAAF6t6DzKw318.png);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.sales .sales-right .swiper {
    width: 720px;
    height: 405px;
    position: relative;
    overflow: hidden;
    /* perspective: 1000px; */
}

.sales .sales-right .swiper>div {
    position: relative;
    width: 720px;
    height: 100%;
    display: flex;
    transform-style: preserve-3d;
    transition: all 1s linear;
    transform: rotateY(0deg);
}

.sales .sales-right .swiper .pic1 {
    z-index: 0;
    transform: translateZ(360px);
    position: absolute;
    top: 0;
    left: 0;
    width: 720px;
    height: 100%;
    background: url(https://t1-q.mafengwo.net/s17/M00/C6/8B/CoUBXl-JbDqADA6xAAGXQgjbug8706.png?imageMogr2%2Fthumbnail%2F%21730x405r%2Fgravity%2FCenter%2Fcrop%2F%21730x405%2Fquality%2F100) center center no-repeat;
}

.sales .sales-right .swiper .pic2 {
    transform: rotateY(90deg) translateZ(360px);
    position: absolute;
    top: 0;
    left: 0;
    width: 720px;
    height: 100%;
    background: url(https://t1-q.mafengwo.net/s16/M00/E4/10/CoUBUmE_LFWAZxOUAAS9cMZnKGg662.png?imageMogr2%2Fthumbnail%2F%21730x405r%2Fgravity%2FCenter%2Fcrop%2F%21730x405%2Fquality%2F100) center center no-repeat;
}

.sales .sales-right .swiper .pic3 {
    transform: rotateY(180deg) translateZ(360px);
    position: absolute;
    top: 0;
    left: 0;
    width: 720px;
    height: 100%;
    background: url(https://t1-q.mafengwo.net/s17/M00/C6/8B/CoUBXl-JbDqADA6xAAGXQgjbug8706.png?imageMogr2%2Fthumbnail%2F%21730x405r%2Fgravity%2FCenter%2Fcrop%2F%21730x405%2Fquality%2F100) center center no-repeat;
}

.sales .sales-right .swiper .pic4 {
    transform: rotateY(-90deg) translateZ(360px);
    position: absolute;
    top: 0;
    left: 0;
    width: 720px;
    height: 100%;
    background: url(https://t1-q.mafengwo.net/s16/M00/E4/10/CoUBUmE_LFWAZxOUAAS9cMZnKGg662.png?imageMogr2%2Fthumbnail%2F%21730x405r%2Fgravity%2FCenter%2Fcrop%2F%21730x405%2Fquality%2F100) center center no-repeat;
}

.sales .sales-right .swiper>ul {
    width: 720px;
    height: 33px;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 10px;
}

.sales .sales-right .swiper>ul>li {
    width: 140px;
    height: 30px;
    display: inline-block;
    padding: 0 10px;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, .7);
    text-align: center;
}

.sales .sales-right .swiper>ul>li:first-child {
    background-color: rgba(255, 255, 255, .7);
}

.sales .sales-right .swiper>ul>li:first-child {
    margin-right: 5px;
}

.sales .sales-right>.safeguard {
    width: 720px;
    height: 50px;
}

.sales .sales-right>.safeguard>ul {
    width: 720px;
    height: 50px;
    margin-top: 23px;
    display: flex;
    justify-content: space-between;
}

.sales .sales-right>.safeguard>ul>li {
    width: 180px;
    height: 100%;
    /* display: flex; */
    margin-left: 20px;
}

.sales .sales-right>.safeguard>ul>li>i {
    width: 36px;
    height: 36px;
    margin: 4px 4px 0 0;
    display: inline-block;
    background: url(../images/global-icon4.png) -30px 0px no-repeat;
}

.sales .sales-right>.safeguard>ul>li:nth-child(2)>i {
    background-position: -30px -40px;
}

.sales .sales-right>.safeguard>ul>li:nth-child(3)>i {
    background-position: -30px -80px;
}

.sales .sales-right>.safeguard>ul>li b {
    height: 18px;
    font-size: #333;
    font-size: 14px;
    margin-bottom: 4px;
    display: inline-block;
}

.sales .sales-right>.safeguard>ul>li p {
    height: 14px;
    font-size: 12px;
    color: #999;
}

.sales .sales-right>.safeguard>ul>li>div {
    display: inline-block;
}

.layout-area {
    width: 100%;
}

.box {
    width: 100%;
    height: 315px;
    margin-bottom: 30px;
}

.layout-area .mod-hd {
    width: 100%;
    height: 51px;
    color: #666;
    font-size: 12px;
    padding: 10px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;
    /* line-height: 30px; */
}

.layout-area .mod-hd>h2 {
    font-size: 24px;
    color: #fb6720;
    width: 120px;
    height: 30px;
    display: inline-block;
}

.layout-area .mod-hd>span {
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
    color: #999;
}

.layout-area .mod-hd>a {
    float: right;
    color: #999;
}

.layout-area .mod-hd>a>i {
    display: inline-block;
    vertical-align: text-bottom;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    background: url(https://css.mafengwo.net/images/localdeals/visa/change.png) center center no-repeat;
}

.layout-area .detail {
    width: 100%;
    height: 249px;
    margin-top: 22px;
    display: flex;
    justify-content: space-between;
}

.layout-area .detail>li {
    width: 238px;
    height: 234px;
    margin: 0 15px 15px 0;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.layout-area .detail>li:last-child {
    margin-right: 0;
}

.layout-area .detail>li>img {
    width: 100%;
    height: 134px;
}

.layout-area .detail>li .caption {
    width: 100%;
    height: 100px;
    padding: 5px 10px 18px;
    margin-top: -10px;
    box-sizing: border-box;
    background-color: #fff;
}

.layout-area .detail>li .caption h3 {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 21px;
    margin: 5px 0 15px 0;
    font-size: 14px;
    color: #000;
    box-sizing: border-box;
    /* overflow: hidden; */
}

.layout-area .detail>li>.caption:hover {
    transition: all 0.2s linear;
    /* height: 80px; */
    transform: translateY(-40px);
}

.layout-area .detail>li>.price {
    width: 100%;
    height: 50px;
    padding: 0 10px;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    box-sizing: border-box;
    line-height: 50px;
}

.layout-area .detail>li>.price span:first-child {
    color: #ff8a00;
    font-size: 14px;
    float: left;
}

.layout-area .detail>li>.price span:first-child>b {
    font-size: 22px;
}

.layout-area .detail>li>.price span:last-child {
    font-size: 12px;
    float: right;
}

.layout-area .box2 {
    width: 100%;
    height: 324px;
    margin-bottom: 30px;
}

.layout-area .box2 .mod-hd2 {
    width: 100%;
    height: 51px;
    margin-bottom: 15px;
    padding: 10px 0px;
    font-size: 12px;
    color: #666;
    border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;
    line-height: 30px
}

.layout-area .box2 .mod-hd2>h2 {
    float: left;
    width: 170px;
    height: 30px;
    font-size: 24px;
}

.layout-area .box2:nth-child(6) .mod-hd2>h2 {
    color: #45bd9e;
}

.layout-area .box2:nth-child(7) .mod-hd2>h2 {
    color: #ffbb0e;
}

.layout-area .box2:nth-child(8) .mod-hd2>h2 {
    color: #786ee6;
}

.layout-area .box2:nth-child(9) .mod-hd2>h2 {
    color: #985eb4;
}

.layout-area .box2:nth-child(10) .mod-hd2>h2 {
    color: #2a79fb;
}

.layout-area .box2 .mod-hd2 .title {
    width: 304px;
    height: 30px;
    float: left;
}

.layout-area .box2 .mod-hd2 .title>ul {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.layout-area .box2 .mod-hd2 .title>ul>li {
    border-radius: 2px;
}

.layout-area .box2 .mod-hd2 .title>ul>li>a {
    display: block;
    color: #333;
    font-size: 16px;
    height: 30px;
    padding: 0 6px;
    box-sizing: border-box;
}

.layout-area .box2:nth-child(6) .mod-hd2 .title>ul>li.active {
    background-color: #45bd9e;
}

.layout-area .box2:nth-child(7) .mod-hd2 .title>ul>li.active {
    background-color: #ffbb0e;
}

.layout-area .box2:nth-child(7) .mod-hd2 .title>ul {
    width: 176px;
}

.layout-area .box2:nth-child(8) .mod-hd2 .title>ul>li.active {
    background-color: #786ee6;
}

.layout-area .box2:nth-child(8) .mod-hd2 .title>ul {
    width: 165px;
}

.layout-area .box2:nth-child(9) .mod-hd2 .title>ul>li.active {
    background-color: #985eb4;
}

.layout-area .box2:nth-child(9) .mod-hd2 .title>ul {
    width: 416px;
}

.layout-area .box2:nth-child(10) .mod-hd2 .title>ul>li.active {
    background-color: #2a79fb;
}

.layout-area .box2 .mod-hd2 .title>ul>li.active>a {
    color: #fff;
}

.layout-area .box2 .mod-hd2>a {
    display: block;
    float: right;
    font-size: 14px;
    color: #ff9d00;
}

.layout-area .box2 .mod-hd2>.detail2 {
    width: 100%;
    height: 258px;
    border-top: 1px solid transparent;
    margin-top: 55px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.layout-area .box2 .mod-hd2>.detail2>img {
    width: 154px;
    height: 241px;
}

.layout-area .box2 .mod-hd2>.detail2>.ul {
    width: 830px;
    height: 258px;
    position: absolute;
    right: 0;
}

.layout-area .box2 .mod-hd2>.detail2>.ul>ul {
    width: 830px;
    height: 258px;
    display: flex;
    justify-content: space-between;
}

.layout-area .box2 .mod-hd2>.detail2>.ul>ul>li {
    width: 266px;
    height: 243px;
    margin-bottom: 15px;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    position: relative;
}

.layout-area .box2 .mod-hd2>.detail2>.ul>ul>li>img {
    width: 100%;
    height: 151px;
}

.layout-area .box2 .mod-hd2>.detail2>.ul>ul>li>.caption {
    width: 100%;
    height: 92px;
    padding: 5px 0 10px;
    margin-top: -15px;
    box-sizing: border-box;
    background-color: #fff;
}

.mod-hd2>.detail2>.ul>ul>li>.caption>h3 {
    height: 40px;
    width: 100%;
    font-size: 14px;
    padding: 0 10px;
    color: #000;
    /* margin-top: -10px; */
    margin-bottom: 6px;
    line-height: 21px;
    overflow: hidden;
    box-sizing: border-box;
}

.mod-hd2>.detail2>.ul>ul>li>.caption:hover {
    transition: all 0.3s linear;
    transform: translateY(-40px);
}

.mod-hd2>.detail2>.ul>ul>li>.caption>h3:hover {
    height: 80px;
}

.mod-hd2>.detail2>.ul>ul>li>.price {
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    padding: 0 10px;
    line-height: 50px;
    box-sizing: border-box;
}

.mod-hd2>.detail2>.ul>ul>li>.price>span:first-child {
    font-size: 14px;
    color: #ff8a00;
    float: left;
}

.mod-hd2>.detail2>.ul>ul>li>.price>span:first-child>b {
    font-size: 22px;
}

.mod-hd2>.detail2>.ul>ul>li>.price>span:last-child {
    font-size: 12px;
    color: #666;
    float: right;
}

.foot-top {
    width: 100%;
    height: 140px;
    position: relative;
}

.foot-top img {
    width: 100%;
    height: 100%;
}


footer {
    width: 100%;
    height: 524px;
    background-color: #3C3C3C;
    color: #c2c2c2;
    padding-bottom: 20px;
    box-sizing: border-box;
}

footer .ft-content {
    width: 1105px;
    height: 100%;
    margin: 0 auto;
}

.ft-content .ft-info {
    width: 100%;
    height: 215px;
    display: flex;
    padding: 30px 8px 0 8px;
    box-sizing: border-box;
}

.ft-content span {
    color: #ff9d00;
}

.ft-content .ft-info dl {
    margin-right: 68px;
}

.ft-content .ft-info dl:nth-child(1) {
    width: 200px;
}

.ft-content .ft-info dl:nth-child(2) {
    width: 128px;
}

.ft-content .ft-info dl:nth-child(2) dd:hover {
    color: #fff;
    cursor: pointer;
}

.ft-content .ft-info dl:nth-child(2) dd:nth-child(2) span,
dd:nth-child(3) span {
    color: #c2c2c2;
}

.ft-content .ft-info dl:nth-child(2) dd:nth-child(2) span:first-child {
    padding-left: 0;
}

.ft-content .ft-info dl:nth-child(2) dd:nth-child(3) span:first-child {
    padding-left: 0;
}

.ft-content .ft-info dl:nth-child(2) dd:nth-child(2) span:hover,
dd:nth-child(3) span:hover {
    color: #fff;
}

.ft-content .ft-info dl:nth-child(3) dd:hover {
    color: #fff;
    cursor: pointer;
}

.ft-content .ft-info dl:nth-child(2) span {
    padding-left: 8px;
}

.ft-content .ft-info dl:nth-child(2) dd:nth-child(7) {
    width: 132px;
}

.ft-content .ft-info dl:nth-child(3) {
    width: 135px;
    text-align: center;
}

.ft-content .ft-info dl:nth-child(3) dd:last-child {
    margin-right: 0;
}

.ft-content .ft-info dl dt {
    font-size: 14px;
    line-height: 30px;
}

.ft-content .ft-info dl dd {
    font-size: 12px;
    line-height: 22px;
}

.ft-content .ft-info .pic {
    width: 390px;
    height: 152px;
    font-size: 12px;
    display: flex;
    justify-content: space-around;
    padding-top: 22px;
    box-sizing: border-box;
    margin-left: 33px;
}

.ft-content .ft-info .pic>div {
    width: 100px;
    text-align: center;
}

.ft-content .ft-info .pic img {
    padding: 0px 0px 6px 6px;
}

.ft-content .ft-info dl:nth-child(3) dd {
    float: left;
    margin-right: 37px;
}

.ft-content .ft-info dl:nth-child(3) dd:nth-child(2n-1) {
    margin-right: 0;
}

.ft-content .ft-center {
    width: 1089px;
    height: 100px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 25px;
}

.ft-content .ft-center p {
    height: 30px;
}

.ft-content .ft-center ul {
    height: 45px;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 5px 0;
}

.ft-content .ft-center ul i {
    width: 28px;
    height: 28px;
    display: block;
    border-radius: 50%;
    background-image: url(../images/mfw-footer-sprite7.png);
    background-repeat: no-repeat;
}

.ft-content .ft-center ul li:nth-child(1) i {
    background-position: 0px 0px;
}

.ft-content .ft-center ul li:nth-child(2) i {
    background-position: -60px 0px;
}

.ft-content .ft-center ul li:nth-child(1) i {
    margin-right: 20px;
}

.ft-content .ft-copyright {
    width: 100%;
    height: 113px;
    font-size: 12px;
    /* display: flex; */
    border-top: 1px solid #ccc;
    box-sizing: border-box;
    padding: 12px 0 12px 7px;
    margin-top: 40px;
}

.ft-content .ft-copyright .left {
    float: left;
    width: 136px;
    height: 37px;
    margin: 2px 20px 0 0;
    background: url(../images/mfw-footer-sprite7.png) 0 -28px no-repeat;
}

.ft-content .ft-copyright .ft-copyright-top img {
    width: 12px;
    height: 12px;
}

.ft-content .ft-copyright p,
pre {
    display: inline-block;
    line-height: 22px;
}

.ft-copyright-bottom {
    width: 100%;
    text-align: center;
    height: 37px;
}

.ft-copyright-bottom span {
    display: inline-block;
    width: 90px;
    height: 30px;
    padding-left: 10px;
    margin-top: 12px;
    /* box-sizing: border-box; */
    background-image: url(../images/mfw-footer-sprite7.png);
    background-repeat: no-repeat;
}

.ft-copyright-bottom .p1 {
    background-position: 0px -69px;
}

.ft-copyright-bottom .p2 {
    background-position: 0px -111px;
}

.ft-copyright-bottom .p3 {
    background-position: 0px -151px;
}